﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="/netctoss/"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>NetCTOSS</title>
        <link type="text/css" rel="stylesheet" media="all" href="styles/global.css" />
        <link type="text/css" rel="stylesheet" media="all" href="styles/global_color.css" />
        <script type="text/javascript" src="js/vue/vue.js"></script>
        <script type="text/javascript" src="js/vue/axios.js"></script>
        <script type="text/javascript" src="js/layer/layer.js"></script>


        <!--<script language="javascript" type="text/javascript">-->
            <!--//保存成功的提示信息-->
            <!--function showResult() {-->
                <!--showResultDiv(true);-->
                <!--window.setTimeout("showResultDiv(false);", 3000);-->
            <!--}-->
            <!--function showResultDiv(flag) {-->
                <!--var divResult = document.getElementById("save_result_info");-->
                <!--if (flag)-->
                    <!--divResult.style.display = "block";-->
                <!--else-->
                    <!--divResult.style.display = "none";-->
            <!--}-->
        <!--</script>-->
    </head>
    <body>

        <!--主要区域开始-->
        <div id="main">
            <!--保存操作的提示信息-->
            <div id="save_result_info" class="save_fail">资费修改失败！数据并发错误。</div>
            <form action="" method="" class="main_form">
                <!--必填项-->
                <div class="text_info clearfix"><span>业务账号ID：</span></div>
                <div class="input_info">
                    <input type="text" value="1" readonly class="readonly" v-model="service.serviceId"/>
                </div>
                <div class="text_info clearfix"><span>OS 账号：</span></div>
                <div class="input_info">
                    <input type="text" value="openlab1" readonly class="readonly" v-model="service.osUsername"/>
                </div>
                <div class="text_info clearfix"><span>服务器 IP：</span></div>
                <div class="input_info">
                    <input type="text" value="192.168.0.23" readonly class="readonly" v-model="service.unixHost"/>
                </div>
                <div class="text_info clearfix"><span>资费类型：</span></div>
                <div class="input_info">
                    <select class="width150" v-model="service.costName">
                        <option>包 20 小时</option>
                        <option>包 40 小时</option>
                        <option>包 60 小时</option>
                        <option>包月</option>
                    </select>
                    <div class="validate_msg_long">请修改资费类型，或者取消修改操作。</div>                      
                </div>
                <!--操作按钮-->
                <div class="button_info clearfix">
                    <input type="button" value="保存" class="btn_save" @click="doUpdate" />
                    <input type="button" value="取消" class="btn_save" @click="closeLayer"/>
                </div>

                
                <p>业务说明：<br />
                1、修改资费后，点击保存，并未真正修改数据库中的数据；<br />
                2、提交操作到消息队列；<br />
                3、每月月底由程序自动完成业务所关联的资费；</p>
                
            </form>  
        </div>
    </body>
    <script type="text/javascript" src="js/service/update.js"></script>
</html>
